半径|圆心_Android碎裂的粒子效果

篇首语：本文由编程笔记#小编为大家整理，主要介绍了Android碎裂的粒子效果相关的知识，希望对你有一定的参考价值。

最近看到一段时间都没怎么更新文章了&＃xff0c;一直在学习ios相关内容。偶然间看到一个碎裂的粒子效果&＃xff0c;觉得很有意思&＃xff0c;就查了查&＃xff0c;参考下网上的思路自己撸了个轮子。

好了&＃xff0c;说了这么多&＃xff0c;先看看效果吧~

依惯例&＃xff0c;先说下行文思路吧&＃xff0c;首先我们先简单分析下效果&＃xff0c;拆分关注点&＃xff0c;粒子效果是怎么产生的&＃xff1f;我的解决方案就是先获取当前要碎裂的view的缓存视图&＃xff0c;然后根据图片获取各个坐标点的颜色值&＃xff0c;在整个DecorView盖上一层视图&＃xff0c;这个视图就根据获取的颜色值在要碎裂的view的位置来drawCircle&＃xff0c;之后变化圆心和半径以及透明度从而产生碎裂效果。那么&＃xff0c;我们要解决的问题已经简化为几个点了&＃xff0c;看怎么一个一个将其击破。

一、获取view的视图
二、获取要碎裂的view的位置以及获取各个位置的颜色值
三、变化各个属性值产生动画碎裂效果

一、获取view的视图

获取view的视图也就是要获取这个视图的截图&＃xff0c;有两种方式可以来做&＃xff1a;

1、可以用Canvas来获取Bitmap

public Bitmap getBitmapFromView(View view)
Bitmap bmp &＃61; Bitmap.createBitmap(webView.getWidth(),
webView.getHeight(), Bitmap.Config.ARGB_8888);
Canvas canvas &＃61; new Canvas(bmp);
view.draw(canvas);
return bmp;


2、用getDrawingCache来获取Bitmap

private static Bitmap getCacheBitmapFromView(View view)
final boolean drawingCacheEnabled &＃61; true;
view.setDrawingCacheEnabled(drawingCacheEnabled);
view.buildDrawingCache(drawingCacheEnabled);
final Bitmap drawingCache &＃61; view.getDrawingCache();
Bitmap bitmap;
if (drawingCache !&＃61; null)
bitmap &＃61; Bitmap.createBitmap(drawingCache);
view.setDrawingCacheEnabled(false);
else
bitmap &＃61; null;

return bitmap;


通过这两种方式都可以获取这个视图的图片&＃xff0c;而为什么我们要获取这个视图的图片呢&＃xff0c;因为要根据这个图片来获取各个位置的颜色值&＃xff0c;为之后绘制粒子效果服务。

二、获取要碎裂的view的位置以及获取各个位置的颜色值

获取view的位置&＃xff0c;之前使用过getGlobalVisibleRect方法来获取位置&＃xff0c;但很多时候并不是很准确&＃xff0c;比如有ActionBar的时候。

Rect rect &＃61; new Rect();
view.getGlobalVisibleRect(rect);

之后测试使用getLocationInWindow这种方式挺不错&＃xff0c;这个方法的官方注释为这样写Computes the coordinates of this view in its window.&＃xff1a;

int[] location &＃61; new int[2];
view.getLocationInWindow(location);
Rect rect &＃61; new Rect(location[0],location[1],location[0]&＃43;view.getMeasuredWidth(),location[1]&＃43;view.getMeasuredHeight());

在获取视图位置之后&＃xff0c;我们要获取各个位置的颜色值来绘制在这片区域内&＃xff0c;调用bitmap.getPixel方法获取各个位置的颜色值&＃xff1a;

public static Particle[][] generateParticles(Bitmap bitmap, Rect bound)
int w &＃61; bound.width();
int h &＃61; bound.height();
int partW_Count &＃61; w / Particle.PART_WH;
int partH_Count &＃61; h / Particle.PART_WH;
Particle[][] particles &＃61; new Particle[partH_Count][partW_Count];
Point point &＃61; null;
for (int row &＃61; 0; row //行
for (int column &＃61; 0; column //列
//取得当前粒子所在位置的颜色
int color &＃61; bitmap.getPixel(column * Particle.PART_WH, row * Particle.PART_WH);
point &＃61; new Point(column, row); //x是列&＃xff0c;y是行
particles[row][column] &＃61; Particle.generateParticle(color, bound, point);


return particles;


三、变化各个属性值产生动画碎裂效果

首先我们要在当前视图上覆盖一层产生碎裂效果的视图&＃xff1a;

private void attachToActivity(Activity activity)
ViewGroup rootView &＃61; (ViewGroup) activity.getWindow().getDecorView();
ViewGroup.LayoutParams lp &＃61; new ViewGroup.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
rootView.addView(this, lp);


将我们要绘制粒子动画效果的添加进布局视图中&＃xff0c;然后我们就可以开始绘制了。
开启属性动画&＃xff0c;根据动画流程变化Particle的相关属性&＃xff1a;

//x值
public float cx;
//y值
public float cy;
//绘制圆的半径
public float radius;
//颜色
public int color;
//透明度
public float alpha;

在自定义视图的onDraw方法&＃xff0c;遍历所有我们保存的粒子Particle,改变相关属性值&＃xff1a;

&＃64;Override
protected void onDraw(Canvas canvas)
if (mParticleAnimator !&＃61;null)
drawParticle(canvas);

public void drawParticle(Canvas canvas)
//动画结束停止
if(!mParticleAnimator.isRunning())
return;

for (Particle[] particle : mParticleAnimator.getParticles())
for (Particle p : particle)
p.update((Float) mParticleAnimator.getAnimatedValue());
mPaint.setColor(p.color);
mPaint.setAlpha((int) (Color.alpha(p.color) * p.alpha));
canvas.drawCircle(p.cx, p.cy, p.radius, mPaint);//


invalidate();

//更新相关属性值 主要是随机生成x y值以及碎裂大小
public void update(float factor)
cx &＃61; cx &＃43; factor * random.nextInt(mBound.width()) * (random.nextFloat() - 0.5f);
cy &＃61; cy &＃43; factor * (mBound.height()/(random.nextInt(4)&＃43;1)) ;
radius &＃61; radius - factor * random.nextInt(3);;
if (radius<&＃61;0)
radius &＃61; 0;
alpha &＃61; 1f - factor;


OK&＃xff0c;到这里我们就基本实现了这个碎裂效果&＃xff0c;整体注意点基本就这么多&＃xff0c;我把它简单封装了下&＃xff0c;使用方式也很简单&＃xff1a;

final ParticleView particleAnimator &＃61; new ParticleView(MainActivity.this,3000);//3000为动画持续时间
particleAnimator.setOnAnimationListener(new ParticleView.OnAnimationListener()
&＃64;Override
public void onAnimationStart(View view,Animator animation)
//动画开始
view.setVisibility(View.INVISIBLE);

&＃64;Override
public void onAnimationEnd(View view,Animator animation)
//动画结束

);
findViewById(R.id.btn).setOnClickListener(new View.OnClickListener()
&＃64;Override
public void onClick(View v)
particleAnimator.boom(v);//开始动画

);

github地址:ParticleDismissLayout